<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			padding区域是跟着内联盒模型中的行框盒子走的，这个例子中由于文字比较多，一行显示不了，
			于是“a1”换行，于是，原本的padding区域也跟着掉下来了，根据后来居上的原则，“我是”正好被覆盖了
			*/
			.a{
				width: 500px;
				height: 300px;
				border: 2px  solid red;
			}
			span{
				padding: 50%;
				background-color: #00FFFF;
			}
		</style>
	</head>
	<body>
		<div class="a"><span>我是谁？a1</span></div>
	</body>
</html>
